<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        let fruits = ["Apple", "Mango", "Banana", "Orange"];
        //document.getElementById("result").innerHTML = fruits.toString();转字符串
        document.write(fruits.join("+") + "<br>"); //中间用+分割
        fruits.unshift("Strawberry"); //添加到开头
        document.write(fruits.join("+") + "<br>");
        fruits.pop(); //删除末尾
        document.write(fruits.join("+") + "<br>");
        fruits.shift(); //删除开头
        document.write(fruits.join("+") + "<br>");
        var x = fruits.shift(); //获取删除元素(已经删了)
        document.write(fruits.join("+") + "<br>" + x + "<br>");
        fruits.splice(1, 0, "Apple"); //第一个参数 应添加新元素的位置  2.删除多少个元素 3.定义要添加的新元素
        document.write(fruits.join("+") + "<br>");
        fruits.splice(2, 2); //从2开始删2个元素
        document.write(fruits.join("+") + "<br>");
        let ss = [1, 2, 3, 4, 5];
        //concat 合并数组
        var xx = fruits.concat(ss);
        document.write(xx.join("+") + "<br>");
        //slice 数组切片
        var yy = xx.slice(1, 3);
        document.write(yy.join("+") + "<br>");
        //indexOF和lastIndexOf的用法和之前字符串一样
        //fill 替换数组里的值
        xx.fill(0, 2, 4); //2到4都填充0
        document.write(xx.join("+") + "<br>");
        //reversr反转
        xx.reverse();
        document.write(xx.join("+") + "<br>");
        //sort 升序排序 但是它只对数字的第一个字符排序
        xx.push(13);
        xx.sort();
        document.write(xx.join("+") + "<br>");
        //为了排数字 可以创建函数
        xx.sort(function(a, b) {
            return a - b
        });
        document.write(xx.join("+") + "<br>");
        //如果需要重复对数字排序，可以创建单独的函数
    </script>
</body>

</html>